<template>
  <div id="app">
    <h1>vuex的sum值{{ $store.state.sum }}</h1>
    <br>
    <button @click="handleJIA">点我vuex的num值+2</button>
    <h1>我是你大爷</h1>
    <Child :msg="msg">
      <h3>我是玉皇大帝</h3>
      <div slot="bottom">呼啦圈不是圈</div>
    </Child>
    <hr>
    <button @click="handleShowName">plugins的实现</button>
    <br>
    <button class="btn btn-success">点击bootstrap样式</button>

  </div>


</template>

<script>
import Child from "@/components/Child.vue";

export default {
  name: 'App',
  data() {
    return {
      name: "jk1997",
      msg: "我是你老子"

    }
  },
  methods: {
    handleJIA() {
      this.$store.dispatch('jia', 2)

    }
  },
  components: {Child}
}

</script>
